<template>
  <div id="myPurchase-detail">
    <div class="filter-box">
      <div class="top-box">
          <div class="box-title">银行详情</div>
      </div>
      <a-row class="info">
        <a-col :span="8">
            <span class="info-left">银行编码</span>
            <a-input
              v-model="form.code"
              placeholder="请输入银行编码"
              style="width: 250px;"
              disabled
            />
        </a-col>
        <a-col :span="8">
            <span class="info-left">银行名称</span>
            <a-input
              v-model="form.name"
              placeholder="请输入银行名称"
              style="width: 300px;"
              disabled
            />
        </a-col>
        <a-col :span="8">
            <span class="info-left">省</span>
           <a-input
              v-model="form.province"
              placeholder="请输入省"
              style="width: 250px;"
              disabled
            />
        </a-col>
      </a-row>
      <a-row class="info">
        <a-col :span="8">
            <span class="info-left">市</span>
            <a-input
              v-model="form.city"
              placeholder="请输入市"
              style="width: 250px;"
              disabled
            />
        </a-col>
        <a-col :span="8">
            <span class="info-left">开户地区</span>
            <a-input
              v-model="form.bankarea"
              disabled
              placeholder="请输入开户地区"
              style="width: 250px;"
            />
        </a-col>
      </a-row>
      <a-row class="info">
        <a-col :span="8">
            <span class="info-left">人行联行行号</span>
            <a-input
              v-model="form.pkCombine"
              placeholder="请输入人行联行行号"
              style="width: 250px;"
              disabled
            />
        </a-col>
              <a-col :span="8">
                <span class="info-left">启用状态</span>
                <a-select
                v-model="form.enablestate"
                style="width: 250px;"
                showSearch
                allowClear
                disabled
                placeholder="请选择状态">
                <a-select-option
                  :value="2"
                  >{{"启用"}}
                </a-select-option>
                <a-select-option
                  :value="3"
                  >{{"禁用"}}
                </a-select-option>
                </a-select>
          </a-col>
      </a-row>
    </div>
  </div>
</template>

<script lang="ts">
import { Component, Vue, Watch } from 'vue-property-decorator';

@Component
export default class Ground extends Vue {
  form: any = {
    code: undefined,
    name: undefined,
    province: undefined,
    bankarea: undefined,
    city: undefined,
    pkCombine: undefined,
    enablestate: undefined
  }
  get bankdocId () {
    return this.$route.query.pkBankdoc
  }


  init () {
    this.getDetail()
  }
  getDetail () {
    let data = {
      phid: this.bankdocId
    }
    // alert(data.phid)
    this.$api.bankdocDetailFetch(data).then((res: any) => {
      this.form = res.data
    });
  }
}
</script>

<style lang="scss" scoped>
#myPurchase-detail {
    .top-box{
      margin-bottom: 15px;
        .box-title{
            font-size: 16px;
            font-weight: 700;
            padding-left: 5px;
            color: #000;
            height: 15px;
            line-height: 15px;
            border-left: 3px solid rgb(62, 149, 231);
        }
    }
    .info{
        padding: 10px 0;
        .address{
          display: flex;
        }
        .info-left{
            width: 65px;
            margin-right: 10px;
        }
    }
    .container-title{
      font-size: 16px;
      font-weight: 700;
      padding-left: 5px;
      color: #000;
      height: 15px;
      line-height: 15px;
      border-left: 3px solid rgb(62, 149, 231);
    }
    .title-info{
      margin: 20px 0;
      font-size: 16px;
      .info-left{
        font-weight: 700;
      }
      .info-right{
        margin-right: 80px;
      }
    }
    .header-item{
      text-align: center;
    }
}
/deep/ .ant-select-selection-selected-value, .ant-input[disabled]{
  color: rgba(0, 0, 0, 0.8);
}
/deep/ .ant-input-number-input{
   color: rgba(0, 0, 0, 0.8) ;
 }
</style>
